// 根据class名筛选出所有符合条件的
var toolbarItems = document.getElementsByClassName('toolbar-item');

// 遍历toolbar_items中所有的li给没一个li绑定点击事件
for (var i = 0;i < toolbarItems.length;i++)//||i < toolbar_items.length;i++)
   {
    //   以为索引，从toolbar_items 中取出每一[i] 
    var item = toolbarItems[i];
 item.onclick = function(){ //少了引用这一整句
// 找到所有的i 将其颜色变为灰色
for(var j = 0; j < toolbarItems.length;j++){//衔接首字母没有大写
    var li = toolbarItems[j];//衔接首字母没有大写

  // 给li设置一个class，名字为：toolbar-item
  li.className = 'toolbar-item';
  }
    //接着，给当前点击的这个li，再加上一个class名（toolbar-active）
        // 在这里，this指代的是当前点击的这个li
         this.className = 'toolbar-item toolbar-active'
    
}
   }

// // 1.根据class名，筛选出所有符合条件的li
// var toolbarItems = document.getElementsByClassName('toolbar-item');

// //2.遍历toolbarItems中所有的li,给每个li绑定点击事件
// for(var i = 0;i < toolbarItems.length;i++){
//     // 以i为索引，从toolbarItems中取出每一个li
//     var item = toolbarItems[i];

//     item.onclick = function(){
//         // 3.找到所有的li，先将其颜色变成灰色
//         for(var j = 0; j < toolbarItems.length;j++){
//             var li = toolbarItems[j];
//             // 给li设置一个class，名字为：toolbar-item
//             li.className = 'toolbar-item';
//         }

//         //接着，给当前点击的这个li，再加上一个class名（toolbar-active）
//         // 在这里，this指代的是当前点击的这个li
//         this.className = 'toolbar-item toolbar-active'
//     }
// }